<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>threejs</title>
    <style>
        body {
            
        }
        #tree {
            position: fixed;
            right: 0;
            top: 0;
            bottom: 0;
            overflow: auto;
            background-color: rgba(0, 0, 0, 0.1);
            color: #fff;
            padding-right: 20px;
            display: none;
        }
        .gname {
            cursor: pointer;
        }
        .gname:hover, .gname.active {
            background-color: rgba(0, 0, 0, 0.9);
        }
        .group {
            margin-left: 20px;
        }
        #loading {
            background-color: rgba(0, 0, 0, 0.5);
            color: #fff;
            font-size: 30px;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            padding: 10px 20px;
            border-radius: 5px;
            display: none;
        }
    </style>
</head>
<body style="margin: 0">
    <div id="loading">资源加载中... 0/51</div>
    <div id="container"></div>
    <div id="tree"></div>
</body>
<script type="importmap">
    {
        "imports": {
            "three": "./node_modules/three/build/three.module.js",
            "three/": "./node_modules/three/",
            "@tweenjs/tween.js": "./node_modules/@tweenjs/tween.js/dist/tween.esm.js"
        }
    }
</script>
<script type="module">
    /**
     * 游戏名：七日生存（规则怪谈）- 暂定
     * 玩法：
     * 1、输入‘加入游戏’，可以出现在游戏环境中
     * 2、主播点击‘开始’，游戏会正式开始
     * 3、人物动作：走路、奔跑、发狂、倒地、die等等
     * 游戏道具 
     * 1、规则道具（给该空间增加一条规则，触发者将会遭到指定惩罚/奖励）
     * 2、食物（10电池）
     * 3、工具（20电池）
     * 4、生物（蛇虫鼠蚁）（50电池）
     * 5、超危生物（怪兽）200电池
     * 游戏规则：
     * 1、游戏开始后，天降物资盲盒（攻击【枪，冷兵器，陷阱】、防御【隐身衣，护体光环，阻挡石块】、帮手【再召唤一个】）。
     * 2、角色开始出门开盲盒，获得资源。
     * 3、30秒之后，随机一人变成怪物，怪物碰到人会将其也变成怪物。
     * 4、胜利条件，怪物阵营斩杀完毕。
     */
    import { Pic } from './dist/demo3-dance/index.js'
    new Pic('container')
</script>
</html>